<ui:composition xmlns="http://www.w3.org/1999/xhtml" 
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core" 
                xmlns:ui="http://java.sun.com/jsf/facelets" 
                xmlns:p="http://primefaces.org/ui"
                template="/template/plantilla.xhtml"
                xmlns:c="http://java.sun.com/jsp/jstl/core">
    <ui:define name="title"><h:outputText value="Sinetcom Bloqueo/Desbloqueo Clientes"></h:outputText></ui:define>
    <ui:define name="menu"><ui:include src="/menu/menu.xhtml" /></ui:define>
    <ui:define name="content">
        <f:view contentType="text/html">
            <h:head />
            <h:body>
                <h:form id="form">
                    <h1>Bloquear Usuario</h1>
                    <p:dataTable id="tabla" value="#{bloquearUsuario.clientes}" editable="true" var="usuario">
                        <f:facet name="header">
                            Bloqueo de CLientes
                        </f:facet>
                        <p:ajax event="rowEdit" listener="#{bloquearUsuario.editarRegistro}" update=":form:tabla" />
                        <p:ajax event="rowEditCancel" listener="#{bloquearUsuario.cancelarEdicion}" update=":form:tabla" />
                        <p:column headerText="RUC">
                            #{usuario.cedulaDeCuidadania == null ? "No disponible" : usuario.cedulaDeCuidadania}
                        </p:column>
                        <p:column headerText="Nombre">
                            #{usuario.nombreCompleto}
                        </p:column>
                        <p:column headerText="Activo">
                            <p:cellEditor>
                                <f:facet name="output">#{usuario.activo ? 'Si' : 'No'}</f:facet>
                                <f:facet name="input">
                                    <h:selectOneMenu value="#{usuario.activo}">
                                        <f:selectItem itemLabel="Si" itemValue="true"></f:selectItem>
                                        <f:selectItem itemLabel="No" itemValue="false"></f:selectItem>
                                    </h:selectOneMenu>
                                </f:facet>
                            </p:cellEditor>
                        </p:column>
                        <p:column style="width:32px">
                            <p:rowEditor></p:rowEditor>
                        </p:column>
                    </p:dataTable>
                </h:form>
            </h:body>
        </f:view>
    </ui:define>
</ui:composition>